<template>

  <div>
    <nested-draggable group-name="taskGroup" :nested-list="list">

    </nested-draggable>
  </div>
</template>

<script>
import NestedDraggable from "@/components/NestedDraggable";
import {uuid} from "vue-uuid";
export default {
  name: "NestedDraggableDemo",
  components: {NestedDraggable},
  comments:{
    NestedDraggable
  },
  data(){
    return {
      list: [
        {
          name: "任务  1",
          id:uuid.v4(),
          tasks: [
            {
              name: "任务  2",
              id:uuid.v4(),
              tasks: []
            }
          ]
        },
        {
          name: "任务  3",
          id:uuid.v4(),
          tasks: [
            {
              name: "任务  4",
              id:uuid.v4(),
              tasks: []
            }
          ]
        },
        {
          name: "任务  5",
          id:uuid.v4(),
          tasks: []
        }
      ]
    };
  }
}
</script>

<style scoped>

</style>
